<template>
  <div id="todo_filters">
    <div class="active">全部</div>
    <div>已完成</div>
    <div>待完成</div>
  </div>
</template>

<script>
export default {
name: "Todo_filters"
}
</script>

<style scoped>

#todo_filters{
  display: flex;
}

#todo_filters div{
  margin: 24px 5px;
  color: #c0c2ce;
  font-size: 14px;
  transition: 0.8s;
  cursor:pointer;
}

/*选中时候*/
#todo_filters div.active{
  color: #6b729c;
  transition: 0.8s;
  font-size: 16px;
}

</style>